*{
    margin: 0;
    padding: 0;
}
// 头部
.header{
    width: 10rem;
    background-color: orangered;
    height:1.3333rem;
    display: flex;
    align-items: center;
    justify-content: space-between;

    img{
        width: .9067rem;
    height: .9067rem;
    margin-right: .2667rem;
    }

    p{
        font-size: .5333rem;
        color: #fff;
        font-weight: 900;
    }

    i{
        color: #fff;
        font-size: .5333rem;
        margin-left: .2667rem;
    }
}

// 提示
.prompt{
    width: 10rem;
    height: .48rem;
    margin: .2133rem 0;
    text-align: center;
    color: #999999;
}

// 中间内容
.main{
    width: 9.9733rem;
    ul{
        list-style: none;

        li{
            width: 9.4667rem;
            padding: .2667rem;
            display: flex;
            img{
                width: 2.6667rem;
                height: 2.1333rem;
                margin-right: .2667rem;
            }
            .one{
                p:nth-of-type(1){
                    font-size: .4rem;
                    color: #333333;
                }
                p:nth-of-type(2){
                    font-size: .48rem;
                    color: #666666;
                    margin: .2667rem 0;
                }
                p:nth-of-type(3){
                    font-size: .3733rem;
                    color: #EE7700;
                }
            }
           
        }
    }
}
/* 更多优惠信息 */
.box{
    width: 100%;
    background-color: #f4f4f4;
    
}
.discount{
    width: 9.4595rem;
    height:.8108rem;
    padding: .2703rem;
    background-color: #f4f4f4;

    .discounta{
        width: 100%;
        height: 100%;
        border:1.0012px solid #dddddd;
        border-radius: .1622rem;
        color: #666;
        font-size: .3514rem;
        text-align: center;
        line-height:.8108rem;
    }
}

/* 品牌排行 */
.ranking{
    width: 10rem;
    height: .9459rem;
    margin: .2703rem 0 .1622rem 0;
    background-color: #1d6dff;
    display: flex;
    justify-content: space-between;
    align-items: center;

    img{
        width: .5405rem;
        height: .5405rem;
        color: #fff;
        margin-right: .2703rem;
    }

    .p1{
        color: #fff;
        font-weight: 900;
        font-size: .4865rem;
        margin-left: .2703rem;
    }
    
}


/* 底部信息 */

.footer{
    width: 100%;
    height: 3.3514rem;

    .footera{
        width: 100%;
        height: 1.2432rem;
        border-bottom: 1.0012px solid #c4c4c4;
        display: flex;
        background-color: #f4f4f4;
        justify-content: center;
        align-items: flex-end;  

        p{
            width: 33%;
            height: .8919rem;
            border-right: 1.0012px solid #c4c4c4;
            text-align: center;
            line-height: .8919rem;
            color: #666;
            font-size:.3784rem;
            border-top: 1.0012px solid #c4c4c4;
        }
        
        p:nth-of-type(3){
            border-right: none;
         
        }
        
    }

    .footerb{
        width: 9.4667rem;
        height: 1.5676rem;
        padding:.2703rem;
        font-size: .3514rem;

        a{
            text-decoration: none;
            color: #333;
        }

        p{
            margin-bottom: .625rem;
            text-align: center;
        }

        p:nth-of-type(1) a:nth-of-type(1){
            color: #666666;
        }

        p:nth-of-type(1) a:nth-of-type(2){
            color: #666666;
        }
    }

}

// 轮播图
.all{
    width: 10rem;
    height: 17.7867rem;
    background-color: rgba($color: #a09595, $alpha: .5);
    transform: translateY(-1099.9987px);
    transition: all 1s linear;
    float: left;
    position: fixed;
    
    
    .left{
        width: 1.3333rem;
        height: 2.1333rem;
        background-color: #666666;
        color: #fff;
        text-align: center;
        line-height: 2.1333rem;
        font-size: .6933rem;
        position: absolute;
        top:7.4667rem;
        left: .5333rem;

    }
    .right{
        width: 1.3333rem;
        height: 2.1333rem;
        background-color: #666666;
        color: #fff;
        text-align: center;
        line-height: 2.1333rem;
        font-size: .6933rem;
        position: absolute;
        top:7.4667rem;
        right: .5333rem;

    }
        .img{
        width: 4.8rem;
        height: 4.8rem;
        position: absolute;
        top:6.48rem;
        left:2.5867rem;
            .cha{
            width: .8rem;
            height: .8rem;
            text-align: center;
            line-height: .8rem;
            position: absolute;
            top:0;
            right: 0;
            background-color: #666;
            color: #fff;
            font-size: .5333rem;

        }
            .one{
                img{
                    width: 4.8rem;
                    height: 4.8rem;
                }
            }
    }
}
